<script lang="ts">
  import { Progressradial } from "flowbite-svelte";
</script>

<Progressradial progress={65} labelOutside="default" classes={{ outside: "dark:text-white" }} />
<Progressradial color="secondary" progress="65" labelOutside="secondary" classes={{ outside: "dark:text-white" }} />
<Progressradial color="gray" progress="65" labelOutside="gray" classes={{ outside: "dark:text-white" }} />
<Progressradial color="red" progress="65" labelOutside="red" classes={{ outside: "dark:text-white" }} />
<Progressradial color="orange" progress="65" labelOutside="orange" classes={{ outside: "dark:text-white" }} />
<Progressradial color="amber" progress="65" labelOutside="amber" classes={{ outside: "dark:text-white" }} />
<Progressradial color="yellow" progress="65" labelOutside="yellow" classes={{ outside: "dark:text-white" }} />
<Progressradial color="lime" progress="65" labelOutside="lime" classes={{ outside: "dark:text-white" }} />
<Progressradial color="green" progress="65" labelOutside="green" classes={{ outside: "dark:text-white" }} />
<Progressradial color="emerald" progress="65" labelOutside="emerald" classes={{ outside: "dark:text-white" }} />
<Progressradial color="teal" progress="65" labelOutside="teal" classes={{ outside: "dark:text-white" }} />
<Progressradial color="cyan" progress="65" labelOutside="cyan" classes={{ outside: "dark:text-white" }} />
<Progressradial color="sky" progress="65" labelOutside="sky" classes={{ outside: "dark:text-white" }} />
<Progressradial color="blue" progress="65" labelOutside="blue" classes={{ outside: "dark:text-white" }} />
<Progressradial color="indigo" progress="65" labelOutside="indigo" classes={{ outside: "dark:text-white" }} />
<Progressradial color="violet" progress="65" labelOutside="violet" classes={{ outside: "dark:text-white" }} />
<Progressradial color="purple" progress="65" labelOutside="purple" classes={{ outside: "dark:text-white" }} />
<Progressradial color="fuchsia" progress="65" labelOutside="fuchsia" classes={{ outside: "dark:text-white" }} />
<Progressradial color="pink" progress="65" labelOutside="pink" classes={{ outside: "dark:text-white" }} />
<Progressradial color="rose" progress="65" labelOutside="rose" classes={{ outside: "dark:text-white" }} />
